<cp-navbar [border]="false" (onClickLeft)="onClickLeft()"></cp-navbar>
<div class="container">
  <div class="top">
    <p class="title">账号密码登录</p>
    <div class="form">
      <div class="form-group border-bottom">
        <img src="assets/images/Login/account.png" class="ic" />
        <input type="tel" [(ngModel)]="account" placeholder="请输入账号" autocomplete="off" />
      </div>
      <div class="form-group border-bottom">
        <img src="assets/images/Login/password.png" class="ic" />
        <input type="password" [(ngModel)]="password" placeholder="请输入密码" autocomplete="off" />
      </div>
      <p class="warn1"><span></span> <span class="login-psw" routerLink="/register">手机号码登录</span></p>
      <button
        class="btn btn-lg btn-circle btn-gradient btn-shadow btn-flex"
        (click)="loginRequest()"
        [disabled]="loging || account.length === 0 || password.length === 0"
      >
        <img src="assets/images/loading.gif" [class.hide]="!loging" />
        <span class="txt">{{ loging ? '正在登录' : '登录' }}</span>
      </button>
    </div>
  </div>
  <div class="bottom hide">
    <div class="split">
      <p class="line border-top"></p>
      <p class="txt">第三方登录</p>
      <p class="line border-top"></p>
    </div>
    <div class="ways">
      <div class="item">
        <div class="iconbox wechat"><i class="icon icon-wechat"></i></div>
        <p class="name">微信登录</p>
      </div>
      <div class="item">
        <div class="iconbox qq"><i class="icon icon-qq"></i></div>
        <p class="name">QQ登录</p>
      </div>
      <div class="item">
        <div class="iconbox weibo"><i class="icon icon-weibo"></i></div>
        <p class="name">微博登录</p>
      </div>
    </div>
  </div>
</div>
